<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>地址添加</title><link rel="icon" href="<%=ctxPath%>/static/favicon.ico" mce_href="<%=ctxPath%>/static/favicon.ico" type="image/x-icon" />

    <!-- Bootstrap CSS -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font-Awesome CSS -->
    <link href="../assets/css/font-awesome.min.css" rel="stylesheet">
    <!-- IonIcon CSS -->
    <link href="../assets/css/ionicons.min.css" rel="stylesheet">
    <!-- Plugins CSS -->
    <link href="../assets/css/plugins.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="../assets/css/style.css" rel="stylesheet">
</head>

<body>
<div class="checkout-page-wrapper section-padding">
    <div class="container custom-container">
        <div class="row">
            <!-- Checkout Billing Details -->
            <div class="col-lg-12">
                <div class="checkout-billing-details-wrap">
                    <h2>Billing Details</h2>
                    <div class="billing-form-wrap">
                        <form action="#">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="single-input-item">
                                        <label class="required" for="f_name">名字</label>
                                        <input id="f_name" placeholder="First Name" required type="text"/>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="single-input-item">
                                        <label class="required" for="l_name">姓</label>
                                        <input id="l_name" placeholder="Last Name" required type="text"/>
                                    </div>
                                </div>
                            </div>

                            <div class="single-input-item">
                                <label class="required" for="email">电子邮件地址</label>
                                <input id="email" placeholder="Email Address" required type="email"/>
                            </div>

                            <div class="single-input-item">
                                <label for="com-name">公司名</label>
                                <input id="com-name" placeholder="Company Name" type="text"/>
                            </div>

                            <div class="single-input-item">
                                <label class="required" for="country">国家</label>
                                <select id="country" name="country nice-select">
                                    <option value="Afghanistan">阿富汗</option>
                                    <option value="Albania">阿尔巴尼亚</option>
                                    <option value="Algeria">阿尔及利亚</option>
                                    <option value="Armenia">美国</option>
                                    <option value="Bangladesh">孟加拉国</option>
                                    <option value="India">印度</option>
                                    <option value="Pakistan">巴基斯坦</option>
                                    <option value="England">英国</option>
                                    <option value="London">伦敦</option>
                                    <option value="London">伦敦</option>
                                    <option value="Chaina">中国</option>
                                </select>
                            </div>

                            <div class="single-input-item">
                                <label class="required mt-20" for="street-address">街道地址</label>
                                <input id="street-address" placeholder="Street address Line 1" required
                                       type="text"/>
                            </div>

                            <div class="single-input-item">
                                <input placeholder="Street address Line 2 (Optional)" type="text"/>
                            </div>

                            <div class="single-input-item">
                                <label class="required" for="town">城镇/城市</label>
                                <input id="town" placeholder="Town / City" required type="text"/>
                            </div>

                            <div class="single-input-item">
                                <label for="state">状态/分区</label>
                                <input id="state" placeholder="State / Divition" type="text"/>
                            </div>

                            <div class="single-input-item">
                                <label class="required" for="postcode">邮政编码</label>
                                <input id="postcode" placeholder="Postcode / ZIP" required type="text"/>
                            </div>

                            <div class="single-input-item">
                                <label for="phone">电话</label>
                                <input id="phone" placeholder="Phone" type="text"/>
                            </div>

                            <div class="checkout-box-wrap">
                                <div class="single-input-item">
                                    <div class="custom-control custom-checkbox">
                                        <input class="custom-control-input" id="create_pwd" type="checkbox">
                                        <label class="custom-control-label" for="create_pwd">创建一个账户?</label>
                                    </div>
                                </div>
                                <div class="account-create single-form-row">
                                    <p>通过输入以下信息来创建帐户。如果您是老用户，请在页面顶部登录。</p>
                                    <div class="single-input-item">
                                        <label class="required" for="pwd">账户密码</label>
                                        <input id="pwd" placeholder="Account Password" required type="password"/>
                                    </div>
                                </div>
                            </div>

                            <div class="checkout-box-wrap">
                                <div class="single-input-item">
                                    <div class="custom-control custom-checkbox">
                                        <input class="custom-control-input" id="ship_to_different" type="checkbox">
                                        <label class="custom-control-label" for="ship_to_different">运送到不同的地址?</label>
                                    </div>
                                </div>
                                <div class="ship-to-different single-form-row">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="single-input-item">
                                                <label class="required" for="f_name_2">名字</label>
                                                <input id="f_name_2" placeholder="First Name" required
                                                       type="text"/>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="single-input-item">
                                                <label class="required" for="l_name_2">姓</label>
                                                <input id="l_name_2" placeholder="Last Name" required type="text"/>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="single-input-item">
                                        <label class="required" for="email_2">电子邮件地址</label>
                                        <input id="email_2" placeholder="Email Address" required type="email"/>
                                    </div>

                                    <div class="single-input-item">
                                        <label for="com-name_2">公司名</label>
                                        <input id="com-name_2" placeholder="Company Name" type="text"/>
                                    </div>

                                    <div class="single-input-item">
                                        <label class="required" for="country_2">国家</label>
                                        <select id="country_2" name="country">
                                            <option value="Bangladesh">孟加拉国</option>
                                            <option value="India">印度</option>
                                            <option value="Pakistan">巴基斯坦</option>
                                            <option value="英国">England</option>
                                            <option value="London">伦敦</option>
                                            <option value="London">伦敦</option>
                                            <option value="Chaina">中国</option>
                                        </select>
                                    </div>

                                    <div class="single-input-item">
                                        <label class="required mt-20" for="street-address_2">街道地址</label>
                                        <input id="street-address_2" placeholder="Street address Line 1" required
                                               type="text"/>
                                    </div>

                                    <div class="single-input-item">
                                        <input placeholder="Street address Line 2 (Optional)" type="text"/>
                                    </div>

                                    <div class="single-input-item">
                                        <label class="required" for="town_2">城镇/城市</label>
                                        <input id="town_2" placeholder="Town / City" required type="text"/>
                                    </div>

                                    <div class="single-input-item">
                                        <label for="state_2">状态/分区</label>
                                        <input id="state_2" placeholder="State / Divition" type="text"/>
                                    </div>

                                    <div class="single-input-item">
                                        <label class="required" for="postcode_2">邮政编码</label>
                                        <input id="postcode_2" placeholder="Postcode / ZIP" required type="text"/>
                                    </div>
                                </div>
                            </div>

                            <div class="single-input-item">
                                <label for="ordernote">订购须知</label>
                                <textarea cols="30" id="ordernote" name="ordernote" placeholder="Notes about your order, e.g. special notes for delivery."
                                          rows="3"></textarea>
                            </div>
                            <button class="check-btn sqr-btn all-btn" type="submit">下订单</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- checkout main wrapper end -->

<!--All jQuery, Third Party Plugins & Activation (main.js) Files-->
<script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- Jquery Min Js -->
<script src="../assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper Min Js -->
<script src="../assets/js/vendor/popper.min.js"></script>
<!-- Bootstrap Min Js -->
<script src="../assets/js/vendor/bootstrap.min.js"></script>
<!-- Plugins Js-->
<script src="../assets/js/plugins.js"></script>
<!-- Ajax Mail Js -->
<script src="../assets/js/ajax-mail.js"></script>
<!-- Active Js -->
<script src="../assets/js/main.js"></script>
</body>

</html>
